
<?php $this->layout= 'userDefault'; ?>
<?php echo $this->assign('logo', 'header logo'); ?>
<?php echo $this->assign('title', 'header titulo');?>
<?php print_r($aux);?>

<div class="row-fluid show-grid contenedorslide" >
	
	<div id="tituloslide" class="row-fluid">
		<div style="color:#fff; font-size:20px; margin:15px 0 0 20px; width: 100px; float:left;"><strong >Productos</strong></div>
		<ul class="nav nav-pills" style="margin:10px 0 10px 0;">
			<li class="active"><a href="#">Filtro1</a></li>
			<li><a href="#">Filtro2</a></li>
			<li><a href="#">Filtro3</a></li>
		</ul>
	</div>
	
	<div id="boxslide" class="row-fluid">
	<div style="width:820px; margin:auto;">
		<div class="scroll-pane ui-widget ui-widget-header">
			<div style="height: 210px;">
			<div class="scroll-content">
				<?php 
				foreach ($productos as $i => $producto)
				{
					
					echo("<span>");
					echo $this->Html->link(
					$this->Html->image($producto['Producto']['imagen'], array('alt' => $producto['Producto']['nombre'])),
					array('controller' => 'viewProductos', 'action' => 'view', $producto['Producto']['nombre'], $producto['Producto']['id']),
					array('escape' => false)
					);
					echo("<div> <p>". $producto['Producto']['nombre']." </p> </div>");
					echo("</span>");
					echo("</div>");
				}
				?>		
			</div>
			</div>
			<div class="scroll-bar-wrap ui-widget-content ui-corner-bottom">
				<div class="scroll-bar"></div>
			</div>
		</div>
		</div>
	</div>

</div>


<div class="row-fluid show-grid" style="-webkit-border-radius: 4px; overflow: hidden;">
	<div class="span3">
		<div class="well sidebar-nav" style="background:#FCFCFC; -webkit-box-shadow:rgba(0, 0, 0, 0.3) 0 3px 3px; box-shadow:rgba(0, 0, 0, 0.3) 0 3px 3px">  
			<ul id="myTab" class="nav nav-list">
				<li><?php echo $this->Html->link('Filtro1', array('controller' => 'viewProductos', 'all')); ?></li>
				<li><?php echo $this->Html->link('Filtro2', array('controller' => 'viewProductos', 'all')); ?></li>
				<li><?php echo $this->Html->link('Filtro3', array('controller' => 'viewProductos', 'all')); ?></li>								
				<li class="divider"></li>
				<li><?php echo $this->Html->link('Lista Completa', array('controller' => 'viewProductos','all'), array('escape' => false)); ?></li>
			</ul>
		</div>
		<div class="well sidebar-nav" style="background:#FCFCFC; -webkit-box-shadow:rgba(0, 0, 0, 0.3) 0 3px 3px; box-shadow:rgba(0, 0, 0, 0.3) 0 3px 3px">  
			<ul id="myTab" class="nav nav-list">
				 <li class="nav-header">
					Filtros 2
				  </li>
				<li><?php echo $this->Html->link('Filtro 1', array('controller' => 'viewProductos', 'action' => 'index')); ?></li>
				<li><?php echo $this->Html->link('Filtro 2', array('controller' => 'viewProductos', 'action' => 'index')); ?></li>
				<li class="divider"></li>
				 <li class="nav-header">
					Filtros 3
				  </li>
				<li><?php echo $this->Html->link('Filtro 1', array('controller' => 'viewProductos', 'action' => 'index')); ?></li>
				<li><?php echo $this->Html->link('Filtro 2', array('controller' => 'viewProductos', 'action' => 'index')); ?></li>
			</ul>
		</div>
	</div>
	<div class="span9 well" style="background:#FCFCFC; -webkit-box-shadow:rgba(0, 0, 0, 0.3) 1px 3px 3px; box-shadow:rgba(0, 0, 0, 0.3) 1px 3px 3px;">
	
		<div>
			<div class="pagination pagination-right" style="margin: 0 0 10px 0;">
				<ul>
					<li><a href="#" style="font-family: monospace; font-size: 20px;"> < </a></li>
					<li class="active"> <a href="#">1</a></li>
					<li><a href="#">2</a></li>
					<li><a href="#">3</a></li>
					<li><a href="#">4</a></li>
					<li><a href="#" style="font-family: monospace; font-size: 20px;"> > </a></li>
				</ul>
			</div>
		</div>
		
		<ul class="listMovie" style="margin:0; list-style-type: none; overflow:hidden;">
			
			<?php 
			foreach ($productos as $producto) {
				
				echo '<li>';
					echo '<a href="#">';
						echo '<div style="float:left; margin-right:10px;">';
							echo $this->Html->image($producto['Producto']['imagen'], array('alt' => $producto['Producto']['nombre']));
						echo '</div>';
					
						echo '<div style="float:left; width:500px;">';
							echo '<div class="titulo"> ' . $producto['Producto']['nombre'] . ' </div>';
							echo '<div class="sinopsis"> ' . substr($producto['Producto']['descripcion'],0,250) . ' ... </div>';
							echo '<div class="reparto"> Rubros: ' . $producto['Rubro'][0]['nombre'] . ' </div>';
							echo '<div class="ano"> ' . $producto['Marca']['nombre'] . ' </div>';
						echo '</div>';
					echo '</a>';
				echo '</li>';	
			}
			?>
			
		</ul>
		<div>
			<div class="pagination pagination-right" style="margin: 10px 0 0 0;">
				<ul>
					<li><a href="#" style="font-family: monospace; font-size: 20px;"> < </a></li>
					<li class="active"> <a href="#">1</a></li>
					<li><a href="#">2</a></li>
					<li><a href="#">3</a></li>
					<li><a href="#">4</a></li>
					<li><a href="#" style="font-family: monospace; font-size: 20px;"> > </a></li>
				</ul>
			</div>
		</div>
	</div>
</div>